{% extends 'base.html' %}
{% load static %}
{% block single_css %}
	<link rel="stylesheet" type="text/css" href="{% static "css/single.css" %}"/>
	<link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
{% endblock single_css %}

{% block content %}
	<!--漫画详情介绍-->
	<div class="detail">
			<div class="bgm-cover"></div>
			<div class="detail-in">
				<div class="img_box"><img src="{{ comic.book_img }}"/></div>
				<div class="content">
					<h1 class="title">{{ comic.book_name }}</h1>

					<dl style="margin-top: 90px;">
						<dt style="float: left;">状态：</dt>
						<dd style="float: left; margin-right: 40px;">连载中</dd>
						<dt style="float: left;">分类：</dt>
						<dd style="float: left;">
							<a href="/list/{{ kind_id.id }}">{{ comic.book_type }}</a>
						</dd>
					</dl>
					<br />
					<p class="desc" style="position: absolute;bottom: 0; line-height: 30px;">
                        {{ comic.description }}
                    </p>

				</div>
			</div>
		</div>
		<!--章节-->
		<div class="catalogue">
			<div class="title">目录</div>
			<ul class="chapters clearfix">
                    {% for chapters in comicindex %}
					<li><a href="/comic/{{ chapters.id }}/show">{{ chapters.catalog_title }}</a></li>
                    {% endfor %}
			</ul>
		</div>
		<div class="comment clearfix">
			<!--评论输入框-->
			<div class="comment-form">
				<form action="{% url 'comic_comment' %}" method="post">
					<div>
						<div class="comment-img"><img src="https://easyread.nosdn.127.net/web/trunk/
							1428048646694/user2.png?thumbnail=42y42&imageView"/>
						</div>
						<textarea name="content" rows="" cols=""  class="comment-input" placeholder="我来说两句"></textarea>
                        <input type="hidden" value="{{ comic.id }}" name="comic">
					</div>
					<div class="comment-btn"><button type="submit" class="btn btn-primary">评 论</button></div>
				</form>
			</div>
			<!--评论内容显示区-->
{#			<div class="comment-area">#}
{#				<div class="comment-content">#}
{#					<div class="comment-img">#}
{#						<img src="https://easyread.nosdn.127.#}
{#						net/web/trunk/1428048646694/user2.png?thumbnail=42y42&imageView"/>#}
{#					</div>#}
{#					<div class="comment-text">#}
{#						<h5>sadfwaef：</h5>#}
{#						<div>fdzgvsdrgzsdrfdfddszfsdsfzsfdkjhlsuhfjsbhfshbfhs</div>#}
{#						<div class="glyphicon glyphicon-thumbs-up"></div>#}
{#					</div>#}
{#				</div>#}
{#		#}
			{% for comment in comments %}
			<article class="am-comment">
				<a href="#link-to-user-home">
					<img src="https://easyread.nosdn.127.net/web/trunk/
					1428048646694/user2.png?thumbnail=42y42&imageView" alt="" class="am-comment-avatar" width="48" height="48"/>
				</a>

				<div class="am-comment-main">
					<header class="am-comment-hd">
					  	<!--<h3 class="am-comment-title">评论标题</h3>-->
					  	<div class="am-comment-meta">
						<a href="#link-to-user" class="am-comment-author">{{ comment.user }}</a>
						评论于 <time datetime="2013-07-27T04:54:29-07:00" title="2013年7月27日 下午7:54 格林尼治标准时间+0800">{{ comment.time }}</time>
					  	</div>
					</header>

					<div class="am-comment-bd">
					  {{ comment.content }}
					</div>
				</div>
			</article>
			{% endfor %}
		</div>
{% endblock content %}


